<template>
	<div id="SingleBlog">
		<BlogHeader></BlogHeader>
		<div class="container mt-3">
			<div id="preview"  class="jumbotron">
			<h3 class="text-center">{{gr_blogs_Article.title}}</h3>
			<hr class="my-3">
			
			<p>{{gr_blogs_Article.body}}</p>
			
			
		</div>
		
		</div>
	</div>
</template>

<script>
	import BlogHeader from '@/components/BlogHeader'
	export default{
		name:'SingleBlog',
		components:{
			BlogHeader,
		},
		data(){
			return{
				id:this.$route.params.id,
				gr_blogs_Article:{}
			}
		},
		created (){
			this.$http.get('http://jsonplaceholder.typicode.com/posts/' + this.id)
		.then(function (data) {
			//console.log(data);
			this.gr_blogs_Article=data.body;
			//console.log(this.gr_blogs_Article);
		})
		}
	}
</script>

<style>
</style>
